<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./考试.css">
</head>

<body>
    <div class="container">
        <div class="nav-container">
            <!-- 导航头部上方 -->
            <div class="nav-top clear">
                <div class="nav-top-left">
                    <ul class="clear">
                        <li>大米网</li>
                        <li>MIUI</li>
                        <li>多看阅读</li>
                        <li>米聊</li>
                        <li>云服务</li>
                        <li>大米移动版</li>
                        <li>问题反馈</li>
                        <li>大米移动版</li>
                        <li>Select Region </li>
                        <li class="last">大米移动版</li>
                    </ul>
                    
                </div>
                <div class="nav-top-rigth">
                    <ul>
                        <li>登录</li>
                        <li>注册<span>|</span></li>
                        <li> 购物车（0）</li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 导航下方 -->
        <div class="xiaomi">
            <div class="nav-list">  
                <div class="nav-list-left clear">
                    <img src="./学生用资源/image/xiaomi_logo.png" alt="">
                </div>
                <div class="nav-list-center">
                    <ul class="clear">
                        <li>大米手机</li>
                        <li>红米</li>
                        <li>平板</li>
                        <li>电视</li>
                        <li>盒子</li>
                        <li>路由器</li>
                        <li>智能硬件</li>
                        <li>服务</li>
                    </ul>
                </div>
                <div class="nav-list-right">
                    <div class="input">
                        <div>GO</div>
                    </div>
                </div>
            </div>
            <!-- 轮播图 -->
            <div class="lunbo-list">
                <div class="lunbo-left">
                    <ul>
                        <li>手机  平板  <span>&gt;</span></li>
                        <li>电视  盒子  <span>&gt;</span></li>
                        <li>路由器  智能配件  <span>&gt;</span></li>
                        <li>移动电源  插线板  <span>&gt;</span></li>
                        <li>耳机  音箱  <span>&gt;</span></li>
                        <li>电池  存储卡  <span>&gt;</span></li>
                        <li>保护套  后盖  <span>&gt;</span></li>
                        <li>贴膜  其它配件  <span>&gt;</span></li>
                        <li>米兔  服装  <span>&gt;</span></li>
                        <li>背包  其它周边  <span>&gt;</span></li>
                    </ul>
                </div>
                <div class="lunbo-right">
                    <img src="./学生用资源/image/T1vWdTBKDv1RXrhCrK.jpg" alt="">
                </div>
            </div>
            <!-- 手机部分 -->
            <div class="mobile">
                <div class="mobile-left">
                    <ul>
                        <li>
                            <p>START</p>
                            <span>开放购买</span>
                        </li>
                        <li>
                            <p>START</p>
                            <span>开放购买</span>
                        </li>
                        <li>
                            <p>START</p>
                            <span>开放购买</span>
                        </li>
                        <li>
                            <p>START</p>
                            <span>开放购买</span>
                        </li>
                        <li>
                            <p>START</p>
                            <span>开放购买</span>
                        </li>
                        <li>
                            <p>START</p>
                            <span>开放购买</span>
                        </li>
                    </ul>
                </div>
                <div class="mobile-right">
                   <ul class="clear">
                       <li>
                           <img src="./学生用资源/image/T1mahQBmKT1RXrhCrK.jpg" alt="">
                       </li>
                       <li>
                           <img src="./学生用资源/image/T1mahQBmKT1RXrhCrK.jpg" alt="">
                       </li>
                       <li>
                           <img src="./学生用资源/image/T1mahQBmKT1RXrhCrK.jpg" alt="">
                       </li>
                   </ul>
                </div>
            </div>
        </div>
        <div class="rice">
            <div class="rice-conrainer"> 
                <div class="rice-top">
                    <p>大米明星单品</p>
                    <ul>
                        <li><</li>
                        <li>></li>
                    </ul>
                </div>
                <div class="rice-bottom">
                    <ul>
                        <li>
                            <img src="./学生用资源/image/T1tsEgB7DT1RXrhCrK.jpg" alt="">
                            <h3>大米电视2/2s系列</h3>
                            <p>40/48/49/55英寸 现货购买</p>
                        </li>                       
                        <li>
                            <img src="./学生用资源/image/T1tsEgB7DT1RXrhCrK.jpg" alt="">
                            <h3>大米电视2/2s系列</h3>
                            <p>40/48/49/55英寸 现货购买</p>
                        </li>                       
                        <li>
                            <img src="./学生用资源/image/T1tsEgB7DT1RXrhCrK.jpg" alt="">
                            <h3>大米电视2/2s系列</h3>
                            <p>40/48/49/55英寸 现货购买</p>
                        </li>                       
                        <li>
                            <img src="./学生用资源/image/T1tsEgB7DT1RXrhCrK.jpg" alt="">
                            <h3>大米电视2/2s系列</h3>
                            <p>40/48/49/55英寸 现货购买</p>
                        </li>                       
                        <li>
                            <img src="./学生用资源/image/T1tsEgB7DT1RXrhCrK.jpg" alt="">
                            <h3>大米电视2/2s系列</h3>
                            <p>40/48/49/55英寸 现货购买</p>
                        </li>                       
                       
                </div>
        </div> 
        <!-- 只能硬件 -->
        <div class="zineng">
            <div class="zhinneg-container">
                <div class="zhinneg-top">
                    智能硬件
                </div>
                <div class="zhineng-bottom">
                   
                </div>
            </div>
        </div>
        </div>
        <!-- 小米快修 -->
        <div class="kuaixiu">
            <div class="kuaixiu-top">

            </div>
            <div class="kuaixiu-bottom">

            </div>
        </div>
    
</body>

</html>